<template>
<div>
  <!-- 
    这个文件是nuxt框架提供的默认布局组件
   -->
   <div>
    <!-- 
      nuxt-link标签 是 nuxt框架提供的专门用于跳转页面的标签
        我们可以通过他的to属性设置跳转的链接地址
     -->
    <nuxt-link to="/">首页</nuxt-link> | 
    <nuxt-link to="/post">旅游攻略</nuxt-link> | 
    <nuxt-link to="/hotel">酒店</nuxt-link> | 
    <nuxt-link to="/air">国内机票</nuxt-link>
   </div>
   <!-- nuxt标签，用于显示菜单页面内容的 -->
   <nuxt />
   <div>底部</div>
</div>
</template>
<script>
export default {

}
</script>
<style scoped>
</style>